<!-- 客户地址信息 -->
<template>
    <div class="customerAddress">
        <el-scrollbar style="width: 100%; height: 100%;">
            <div class="pageContent">
                <filterWrap>
                    <template slot>
                        <div class="filterItem">
                            <div class="filterKey">客户名称：</div>
                            <div class="filterValue">
                                <el-input></el-input>
                            </div>
                        </div>
                        <div class="filterItem">
                            <div class="filterKey">客户等级：</div>
                            <div class="filterValue">
                                <el-select placeholder="请选择"></el-select>
                            </div>
                        </div>
                        <div class="filterItem">
                            <div class="filterKey">销售人员：</div>
                            <div class="filterValue">
                                <el-input></el-input>
                            </div>
                        </div>
                        <div class="filterItem">
                            <cmd-btn text="搜索" type="edit" icon="el-icon-search"></cmd-btn>
                            <cmd-btn text="重置" type="expert" icon="el-icon-refresh"></cmd-btn>
                        </div>
                    </template>
                </filterWrap>
                <div class="tableWrap">
                    <div class="tableFilter">
                        <div class="left">
                            <cmd-btn text="添加" icon="el-icon-plus"></cmd-btn>
                            <cmd-btn text="修改" type="edit" icon="el-icon-edit-outline"></cmd-btn>
                            <cmd-btn text="删除" type="delete" icon="el-icon-close"></cmd-btn>
                            <cmd-btn text="导出" type="expert" icon="el-icon-download"></cmd-btn>
                        </div>
                        <div class="right">
                            <el-tooltip effect="dark" placement="bottom-end" content="隐藏/显示搜索">
                                <div class="btnItem">
                                    <i class="el-icon-search"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="刷新">
                                <div class="btnItem">
                                    <i class="el-icon-refresh"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="显示卡片视图">
                                <div class="btnItem">
                                    <i class="el-icon-tickets"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="列">
                                <div class="btnItem">
                                    <i class="el-icon-s-grid"></i>
                                </div>
                            </el-tooltip>
                        </div>
                    </div>
                    <div class="tableContent">
                        <my-table ref="myTable" :data="dataList || []" @select="handleSellect" @select-all="handleSellectAll">
                            <my-table-cell align="center" prop="selection" width="40" fixed="left"></my-table-cell>
                            <my-table-cell align="center" label="序号" prop="index" width="40" fixed="left">
                                <template v-slot:default="row">
                                    <span>{{ (query.pageIndex - 1) * query.pageSize + row.index + 1 }}</span>
                                </template>
                            </my-table-cell>
                            <my-table-cell label="客户名称" prop="data1" width="220" showTooltip></my-table-cell>
                            <my-table-cell label="客户账期（天）" prop="data2" showTooltip></my-table-cell>
                            <my-table-cell label="月度授信额" prop="data3" showTooltip></my-table-cell>
                            <my-table-cell label="总销售额" prop="data4" showTooltip></my-table-cell>
                            <my-table-cell label="总回款" prop="data5" showTooltip></my-table-cell>
                            <my-table-cell label="总欠款" prop="data6" showTooltip></my-table-cell>
                            <my-table-cell label="超期货款" prop="data7"></my-table-cell>
                            <my-table-cell label="本月到期货款" prop="data8"></my-table-cell>
                            <my-table-cell label="未到期货款" prop="data9"></my-table-cell>
                            <my-table-cell label="年销售额" prop="data10"></my-table-cell>
                            <my-table-cell label="销售员" prop="data11"></my-table-cell>
                            <my-table-cell label="操作" prop="control" width="240" align="center" fixed="right">
                                <template v-slot:default="row">
                                    <i class="el-icon-document-copy" v-copy="row.sv_register_order_code" title="复制"></i>
                                    <span style="width: 150px;" showTooltip>{{row.sv_register_order_code}}</span>
                                </template>
                            </my-table-cell>
                        </my-table>
                    </div>
                </div>
            </div>
        </el-scrollbar>
    </div>
</template>

<style lang="sass" scoped>
@import "./customerAddress.scss"
</style>
<script src="./customerAddress.js"></script>
